<!--
* @Author: zhangjing
* @Date: 2025-06-05 17:36:02
* @Description: 诊断内容=>
-->
<template>
	<el-dialog title="诊断详情" :visible.sync="detailVisible" width="600" :before-close="handleClose">
		<el-descriptions title="" :column="2">
			<el-descriptions-item label="诊断医生">张医生</el-descriptions-item>
			<el-descriptions-item label="诊断时间">2025-06-05</el-descriptions-item>
			<el-descriptions-item label="内容" :span="2">确实心颤了</el-descriptions-item>
		</el-descriptions>
		<span slot="footer" class="avue-dialog__footer">
			<el-button size="small" @click="detailVisible = false" icon="el-icon-circle-close">关 闭</el-button>
		</span>
	</el-dialog>
</template>

<script>
	import {
		listSimpleUsers
	} from '@/api/system/user';
	export default {
		data() {
			return {
				detailVisible: false,
				form: {},
				userList: []
			};
		},
		computed: {
			option() {
				return {
					submitBtn: false,
					emptyBtn: false,
					span: 20,
					column: [{
						label: '专家',
						prop: 'doctor',
						type: 'select',
						props: {
							label: 'nickname',
							value: 'id'
						},
						dicData: [...this.userList]
					}]
				};
			}
		},
		created() {
			// 获取用户精简信息列表
			listSimpleUsers().then(res => {
				this.userList = res.data;
			});
		},
		methods: {
			handleOpen() {
				this.detailVisible = true;
			},
			handleClose() {
				this.detailVisible = false;
			},
			submit(form, done) {
				done();
			},
			save() {}
		}
	};
</script>

<style>
	.el-dialog__header {
		padding: 16px 24px;
		min-height: 20px;
		border-bottom: 1px solid #f0f0f0;
	}
</style>